<template>
  <div class="right">
    <ul v-for="item in list" :key="item.id">
      <li>
        <img :src="item.img" alt="" />
      </li>
      <li>{{ item.goods }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    list: Array,
  },
  data() {
    return {
      timer: null,
      count: 0,
    }
  },
  created() {
    // 数据初始化 更新数据
    console.log('created-: ', this.$el)
    // clearInterval(this.timer)
    // this.timer = setInterval(() => {
    //   this.count++
    // }, 1000)
  },
  destroyed() {
    // this.timer = null
    // console.log(this.timer, '---------------')
    // console.log('this---定时器', this.count)
    // console.log('right-->destroyed:', this.$el)
  },
}
</script>

<style></style>
